<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>步骤1</title>
		<link rel="stylesheet" href="css/bootstrap-theme.css" />
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/font-awesome.css" />
		<link rel="stylesheet" href="css/wxm-step.css" />
		<script type="text/javascript" src="js/jquery-3.3.1.min.js" ></script>
		<script type="text/javascript" src="js/bootstrap.min.js" ></script>
		<script type="text/javascript" src="js/step2.js" ></script>
		<link rel="bookmark"  type="image/x-icon"  href="img/favicon.ico"/>
		<link rel="shortcut icon" href="img/favicon.ico">
		<link rel="icon" href="img/favicon.ico">
	</head>
	<body>
	  <!--顶部-->
	  <div class="container-fluid">
		<div class="row wxm-top" >
			<div class="col-md-12">
				<div class="wxm-top-left">
					<svg class="wxm-tubiao" viewBox="0 0 1000 1000" role="presentation" aria-hidden="true" focusable="false" style="height: 1em; width: 1em; display: block; fill: currentcolor; color: #008489;">
						<path d="m499.3 736.7c-51-64-81-120.1-91-168.1-10-39-6-70 11-93 18-27 45-40 80-40s62 13 80 40c17 23 21 54 11 93-11 49-41 105-91 168.1zm362.2 43c-7 47-39 86-83 105-85 37-169.1-22-241.1-102 119.1-149.1 141.1-265.1 90-340.2-30-43-73-64-128.1-64-111 0-172.1 94-148.1 203.1 14 59 51 126.1 110 201.1-37 41-72 70-103 88-24 13-47 21-69 23-101 15-180.1-83-144.1-184.1 5-13 15-37 32-74l1-2c55-120.1 122.1-256.1 199.1-407.2l2-5 22-42c17-31 24-45 51-62 13-8 29-12 47-12 36 0 64 21 76 38 6 9 13 21 22 36l21 41 3 6c77 151.1 144.1 287.1 199.1 407.2l1 1 20 46 12 29c9.2 23.1 11.2 46.1 8.2 70.1zm46-90.1c-7-22-19-48-34-79v-1c-71-151.1-137.1-287.1-200.1-409.2l-4-6c-45-92-77-147.1-170.1-147.1-92 0-131.1 64-171.1 147.1l-3 6c-63 122.1-129.1 258.1-200.1 409.2v2l-21 46c-8 19-12 29-13 32-51 140.1 54 263.1 181.1 263.1 1 0 5 0 10-1h14c66-8 134.1-50 203.1-125.1 69 75 137.1 117.1 203.1 125.1h14c5 1 9 1 10 1 127.1.1 232.1-123 181.1-263.1z"></path>
					</svg>
				</div>
				<div class="wxm-top-title">
					步骤1： 先填写基本信息
				</div>
			</div>
		</div>
		<!--进度条-->
		<div class="row wxm-offjindutiao">
			<div class="col-md-12 wxm-offjindutiao">
				<div class="progress">
					<div class="progress-bar-success"style="width:15%;" role="progressbar" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100">
					</div>
				</div>
			</div>
		</div>
		<!--表单-->
		<div class="row wxm-centerarea">
			<div class="col-md-5 col-md-offset-2 wxm-centertable">
				<div class="wxm-centertitle">
					<div>您的房源可以住几位房客？</div>
				</div>
				<!--房客-->
				<div class="col-md-2 wxm-offpadding wxm-inputtitle">房客</div>
				<div class="col-md-3 col-md-offset-3 wxm-offpadding">
					<!-- 房客减号 -->
					<div class="wxm-ciclediv wxm_desc wxm-ciclediv-desc">
						<svg viewBox="0 0 24 24" role="img" aria-label="subtract" focusable="false" style="height: 1em; width: 1em; display: block; fill: currentcolor;"><rect height="2" rx="1" width="12" x="6" y="11"></rect></svg>
					</div>
					<!-- 房客计数 -->
					<div class="wxm-cicledivnum_xx" id="unum">
						1
					</div>
					<div class="wxm-cicledivnum"></div>
					<!-- 房客加号 -->
					<div class="wxm-ciclediv wxm_add wxm-ciclediv-add">
						<svg viewBox="0 0 24 24" role="img" aria-label="add" focusable="false" style="height: 1em; width: 1em; display: block; fill: currentcolor;"><rect height="2" rx="1" width="12" x="6" y="11"></rect><rect height="12" rx="1" width="2" x="11" y="6"></rect></svg>
					</div>
				</div>
				<!--床铺-->
				<div class="col-md-12 wxm-offpadding wxm-inputlabel">有几张床？</div>
				<div class="col-md-2 wxm-offpadding wxm-inputtitle">床铺数量</div>
				<div class="col-md-3 col-md-offset-3 wxm-offpadding">
					<!-- 床铺减号 -->
					<div class="wxm-ciclediv-cp wxm_desc wxm-ciclediv-desc">
						<svg viewBox="0 0 24 24" role="img" aria-label="subtract" focusable="false" style="height: 1em; width: 1em; display: block; fill: currentcolor;"><rect height="2" rx="1" width="12" x="6" y="11"></rect></svg>
					</div>
					<!-- 床铺计数 -->
					<div class="wxm-cicledivnum_xx" id="bednum">
						1
					</div>
					<div class="wxm-cicledivnum"></div>
					<!-- 床铺加号 -->
					<div class="wxm-ciclediv-cp wxm_add wxm-ciclediv-add">
						<svg viewBox="0 0 24 24" role="img" aria-label="add" focusable="false" style="height: 1em; width: 1em; display: block; fill: currentcolor;"><rect height="2" rx="1" width="12" x="6" y="11"></rect><rect height="12" rx="1" width="2" x="11" y="6"></rect></svg>
					</div>
				</div>
				<!--卧室-->
				<div class="col-md-12 wxm-offpadding wxm-inputlabel">有个卧室？</div>
				<div class="col-md-2 wxm-offpadding wxm-inputtitle">卧室数量</div>
				<div class="col-md-3 col-md-offset-3 wxm-offpadding">
					<!-- 卧室减号 -->
					<div class="wxm-ciclediv-cp wxm_desc wxm-ciclediv-desc">
						<svg viewBox="0 0 24 24" role="img" aria-label="subtract" focusable="false" style="height: 1em; width: 1em; display: block; fill: currentcolor;"><rect height="2" rx="1" width="12" x="6" y="11"></rect></svg>
					</div>
					<!-- 卧室计数 -->
					<div class="wxm-cicledivnum_xx" id="roomnum">
						1
					</div>
					<div class="wxm-cicledivnum"></div>
					<!-- 卧室加号 -->
					<div class="wxm-ciclediv-cp wxm_add wxm-ciclediv-add">
						<svg viewBox="0 0 24 24" role="img" aria-label="add" focusable="false" style="height: 1em; width: 1em; display: block; fill: currentcolor;"><rect height="2" rx="1" width="12" x="6" y="11"></rect><rect height="12" rx="1" width="2" x="11" y="6"></rect></svg>
					</div>
				</div>
				<div class="col-md-11 wxm-offpadding wxm-tablebottom-two">
					<div class="wxm-tablebottom-left">
						<i class="fa fa-chevron-left" aria-hidden="true"></i>
						<a href="addhouse.html">返回</a>
					</div>
					<div class="wxm-tablebottom-right" id="step2_continue">
						<span>下一步</span>
					</div>
				</div>
			</div>
			<div class="col-md-5 wxm-tableinfo">
				
			</div>
		</div>
	  </div>
	</body>
</html>
